<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb18030">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <style>
        @page {
            margin: 0;margin
        }
    </style>
</head>
    <div style="background: #efefef;color: #999999;font-size: 16px;max-width: 1024px;margin: 0 auto;">
        <div style="background: #ffffff;margin-bottom: 15px;padding: 0 20px;line-height: 40px;">
            <div style="color: #333333;">基本信息</div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>基本工资</span><span>${payroll.field1}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>应出勤</span><span>${payroll.field2}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>实出勤</span><span>${payroll.field3}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>加班（小时）</span><span>${payroll.field4}</span>
            </div>
        </div>
        <div style="background: #ffffff;margin-bottom: 15px;padding: 0 20px;line-height: 40px;">
            <div style="color: #333333;">应发工资</div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>工资</span><span>${payroll.field1}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>全勤奖</span><span>${payroll.field5}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>房补</span><span>${payroll.field6}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>油费</span><span>${payroll.field7}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>津贴</span><span>${payroll.field8}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>提成</span><span>${payroll.field9}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>社保</span><span>${payroll.field10}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>加班费</span><span>${payroll.field11}</span>
            </div>
            <div style="display: flex;justify-content: space-between;padding: 0 20px;margin: 0 -20px;line-height: 50px;">
                <span>综上，本月您的应发工资合计为</span>
                <span style="font-weight: bold;color: #333333;">${payroll.sum1}</span>
            </div>
        </div>
        <div style="background: #ffffff;margin-bottom: 15px;padding: 0 20px;line-height: 40px;">
            <div style="color: #333333;">应扣工资</div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>迟到</span><span>${payroll.field12}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>请假/天</span><span>${payroll.field13}</span>
            </div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>未打卡</span><span>${payroll.field14}</span>
            </div>
            <div style="display: flex;justify-content: space-between;padding: 0 20px;margin: 0 -20px;line-height: 50px;">
                <span>综上，本月您的应扣工资合计为</span>
                <span style="font-weight: bold;color: #333333;">${payroll.sum2}</span>
            </div>
        </div>
        <div style="background: #ffffff;margin-bottom: 15px;padding: 0 20px;line-height: 40px;">
            <div style="color: #333333;">代扣金额</div>
            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>五险</span><span>${payroll.field15}</span>
            </div>

            <div style="display: flex;justify-content: space-between;margin: 0 -20px;background: #FAFAFA;border-bottom: 1px solid #efefef;padding: 0 20px;">
                <span>个税</span><span>${payroll.field16}</span>
            </div>
            <div style="display: flex;justify-content: space-between;padding: 0 20px;margin: 0 -20px;line-height: 50px;">
                <span>综上，本月公司代扣金额合计为</span>
                <span style="font-weight: bold;color: #333333;">${payroll.sum3}</span>
            </div>
        </div>
        <div style="background: #ffffff;margin-bottom: 15px;padding: 0 20px;line-height: 40px;">
            <div style="display: flex;justify-content: space-between;padding: 0 20px;margin: 0 -20px;line-height: 50px;">
                <span>综上，本月您的实发工资合计为</span>
                <span style="font-weight: bold;color: #333333;">${payroll.field17}</span>
            </div>
        </div>
    </div>
</body>

</html>
